@charset "utf-8";
/**/
@font-face{
font-family:myfont;
src:url("impact.ttf");
}
* {	margin: 0;	padding: 0;	border: 0;}
body {	margin: 0px;	background:#fff;font-size: 14px;color:#727071;line-height: 24px;	font-family: "微软雅黑"; }
a {color:#727071;	text-decoration: none; transition:all 0.5s;} 
ul{ list-style:none;}
@media(max-width:40000px) {
#search_k{ width:100%; background:#f7f7f7; border-top:solid 2px #d4261f; overflow:hidden; position:fixed;  z-index:50; display:none;}
#search_k .k{ width:70%; margin:50px auto; overflow:hidden; max-width:1600px; height:50px; background:#fff; border-radius:50px;}
#search_k .k input{ height:50px; line-height:50px; width:80%; border:0; text-indent:50px; font-size:18px; float:left; outline:none;}
#search_k .k button{ height:50px; background:#d4261f; width:20%; font-size:18px; color:#fff; cursor:pointer; border-radius:50px;}

#top{ width:100%; background:#fff; position:fixed; top:0; z-index:30; box-shadow:0 5px 5px rgba(0,0,0,0.1);}
#top .k{ width:90%; max-width:1600px;  margin:0 auto;}
#logo{ float:left;}
#mbtn{ display:none;}

#menu{ float:right; width:65vw;}
#topmenu{ overflow:hidden; width:100%; border-bottom:solid 1px #f2f2f2;}
#topmenu ul{ float:right;}
#topmenu ul li{ float:left; margin-right:30px; margin-left:1vw;}
#topmenu ul li a{ display:block; color:#727071; font-size:12px; line-height:44px;}
#topmenu ul li a img{ vertical-align:middle; margin-right:2px; margin-bottom:2px;}
#topmenu ul li a:hover{ color:#d4261f;}
#topmenu ul li:last-child{ margin-top:7px; margin-right:10px;}

#topmenu ul li.wx div{ position:absolute; margin-left:-30px; display:none;}
#topmenu ul li.wx:hover div{ display:block;}

#mainmenu{ overflow:hidden;}
#mainmenu ul{ float:right;}
#mainmenu ul li{ float:left; margin-left:5vw;}
#mainmenu ul li a{ display:block; font-size:16px; line-height:75px; color:#d4261f; font-weight:500; background:url(image/bgcolor.png) no-repeat center 55px/0px 2px;}
#mainmenu ul li a:hover{ color:#d4261f;background:url(image/bgcolor.png) no-repeat center 55px/100% 2px;}
#mainmenu ul li .zmenu{ position:absolute; z-index:20; background:rgba(255,255,255,0.6);  margin-left:-44px; display:none;}
#mainmenu ul li .zmenu p a{ line-height:2.7vw; padding:0 50px; font-size:14px;color:#000;}
#mainmenu ul li .zmenu p a:hover{ background:#d4261f; color:#fff;}
#mainmenu ul li.mbt{ display:none;}

#close{ display:none;}

#banner{ width:100%; overflow:hidden; margin-top:120px;}
#img{ display:none;}

#word{ width:100%; overflow:hidden; text-align:center; position:absolute; z-index:1; margin-top:-28vw; color:#fff;}
#word p:nth-child(1){ font-size:1.9vw; line-height:2.4vw; font-weight:100;}
#word p:nth-child(2){ font-size:3.75vw; line-height:5vw; font-weight:900; letter-spacing:1vw; }
#word p:nth-child(3){ font-size:0.9vw; line-height:4vw; font-weight:100;  letter-spacing:1vw;}
#word p:nth-child(4){ margin-top:2.8vw;}
#word p:nth-child(4) a{ display:block; font-size:14px; line-height:40px; width:150px; text-align:center; color:#fff; border-radius:50px; background:#d4261f; text-decoration:none; margin:0 auto;}
#word p:nth-child(4) a:hover{ width:180px; background:#d0ba84;}

#ind_cy{ width:90%; max-width:1600px; overflow:hidden; margin:5.21vw auto 0 auto; }
#ind_cy .left{ float:left; width:40.625vw; overflow:hidden; background:#000;}
#ind_cy .left ul{ transition:all 0.5s; width:11000000px;}
#ind_cy .left ul li{ float:left; width:40.625vw;}
#ind_cy .left img{ width:100%;}

#ind_cy .right{ width:40.625vw; float:right; background:#d0ba84; overflow:hidden; height:21.25vw;}
#ind_cy .right .k{ padding:0 5vw 0 4vw; overflow:hidden; color:#fff;}
#ind_cy .right .k p:nth-child(1){ font-size:36px; font-weight:bold; line-height:40px; margin-top:4vw; transition:all 0.5s;}
#ind_cy .right .k p:nth-child(1) a{ color:#fff;}
#ind_cy .right .k p:nth-child(2){ font-size:18px; line-height:30px; margin-top:1vw;}
#ind_cy .right .k .btn{ overflow:hidden; margin-top:2vw; display:;}
#ind_cy .right .k .btn ul li{ float:left; margin-right:0.5vw; margin-bottom:0.5vw;}
#ind_cy .right .k .btn ul li a{ display:block; color:#fff; padding:0 18px; border-radius:10px; line-height:1.875vw; border:solid 2px #fff; }
#ind_cy .right .k .btn ul li a:hover{ background:#fff; color:#d4261f;}

#ind_cy .right .pic{width:40.625vw; height:21.25vw; display:none;}
#ind_cy .right .pic img{ width:100%; height:100%;}

#ind_cy .change{ position:absolute; margin-top:19vw; width:40.625vw; z-index:2; text-align:center;}
#ind_cy .change div{ display:inline-block;}
#ind_cy .change div p{ display:block; width:9px; height:9px; border:solid 2px #fff; border-radius:50%; float:left; cursor:pointer; margin:0 5px;}
#ind_cy .change div p:nth-child(1){ background:#fff;}

#ind_jt{ width:90%; max-width:1600px; overflow:hidden; margin:2.09vw auto 0 auto; }
#ind_jt .left{ float:left; width:40.625vw; height:21.25vw;  background:#d4261f; }
#ind_jt .left .k{ padding:0 5vw; overflow:hidden; color:#fff;}
#ind_jt .left .k p:nth-child(1){ font-size:36px; font-weight:bold; line-height:40px; margin-top:6vw; transition:all 0.5s;}
#ind_jt .left .k p:nth-child(1) a{ color:#fff;}
#ind_jt .left .k p:nth-child(2){ font-size:18px; line-height:30px; margin-top:1vw;}
#ind_jt .left .k .btn{ overflow:hidden; margin-top:2vw; display:;}
#ind_jt .left .k .btn ul li{ float:left; margin-right:0.5vw; margin-bottom:0.5vw;}
#ind_jt .left .k .btn ul li a{ display:block; color:#fff; padding:0 18px; line-height:1.875vw;border-radius:10px; border:solid 2px #fff; }
#ind_jt .left .k .btn ul li a:hover{ background:#fff; color:#d4261f;}

#ind_jt .right{ width:40.625vw; float:right;overflow:hidden;}
#ind_jt .right .ka{width:40.625vw; position:absolute; margin-top:-14.1vw; height:35.47vw; overflow:hidden; background:#000;}
#ind_jt .right .ka ul{ width:1000000px; transition:all 0.5s;}
#ind_jt .right .ka ul li{ float:left; width:40.625vw;}
#ind_jt .right .ka img{ width:40.625vw;height:35.47vw;}

#ind_jt .left .pic{width:40.625vw; height:21.25vw; display:none;}
#ind_jt .left .pic img{ width:100%; height:100%;}

#ind_jt .change{ position:absolute; margin-top:19vw; width:40.625vw; z-index:2; text-align:center;}
#ind_jt .change div{ display:inline-block;}
#ind_jt .change div p{ display:block; width:9px; height:9px; border:solid 2px #fff; border-radius:50%; float:left; cursor:pointer; margin:0 5px;}
#ind_jt .change div p:nth-child(1){ background:#fff;}

#ind_gy{ width:90%; max-width:1600px; overflow:hidden; margin:2.09vw auto 0 auto; display:none;}
#ind_gy .left{ float:left; width:54.48vw; overflow:hidden; background:#000;height:28.65vw;}
#ind_gy .left ul{ width:1000000px; transition:all 0.5s;}
#ind_gy .left ul li{ float:left; width:54.48vw;}
#ind_gy .left img{ width:100%;}

#ind_gy .right{ width:26.77vw; float:right; background:#f7f7f7; overflow:hidden; height:28.65vw;}
#ind_gy .right .k{ padding:0 5vw; overflow:hidden; color:#333;}
#ind_gy .right .k p:nth-child(1){ font-size:36px; font-weight:bold; line-height:40px; margin-top:4vw; transition:all 0.5s;}
#ind_gy .right .k p:nth-child(1) a{ color:#333;}
#ind_gy .right .k p:nth-child(2){ font-size:18px; line-height:30px; margin-top:2vw;}
#ind_gy .right .k .btn{ overflow:hidden; margin-top:2vw; display:;}
#ind_gy .right .k .btn ul li{ float:left; margin-right:0.5vw; margin-bottom:0.5vw;}
#ind_gy .right .k .btn ul li a{ display:block; color:#666; padding:0 18px; line-height:1.875vw;border-radius:10px; border:solid 2px #ddd; }
#ind_gy .right .k .btn ul li a:hover{ background:#d4261f; color:#fff;border:solid 2px #d4261f;}

#ind_gy .right .pic{width:26.77vw; height:28.65vw; display:none;}
#ind_gy .right .pic img{ width:100%; height:100%;}

#ind_gy .change{ position:absolute; margin-top:27vw; width:26.77vw; z-index:2; text-align:center;}
#ind_gy .change div{ display:inline-block;}
#ind_gy .change div p{ display:block; width:9px; height:9px; border:solid 2px #666; border-radius:50%; float:left; cursor:pointer; margin:0 5px;}
#ind_gy .change div p:nth-child(1){ background:#666;}

#ind_st{ width:90%; max-width:1600px; margin:2.08vw auto 0 auto; overflow:hidden;}
#ind_st ul li{ text-align:center; width:25%; height:20.8vw; float:left;}
#ind_st ul li:nth-child(1){ background:url(image/btn1.jpg) no-repeat center/100% 100%; transition:all 5s;}
#ind_st ul li:nth-child(1):hover{background:url(image/btn1.jpg) no-repeat center/120% 120%;}
#ind_st ul li:nth-child(1) a{ display:block; color:#fff; width:100%; height:28.5vw; overflow:hidden; background:#d4261f;}
#ind_st ul li:nth-child(1) a p:nth-child(1){ padding-top:6vw; transition:all 0.5s;}
#ind_st ul li:nth-child(1) a p:nth-child(2){ font-size:24px; line-height:40px;}
#ind_st ul li:nth-child(1) a p:nth-child(3){ display:none;transition:all 0.5s;}

#ind_st ul li:nth-child(1) a:hover{ background:none;}
#ind_st ul li:nth-child(1) a:hover p:nth-child(1){ padding-top:5vw;}
#ind_st ul li:nth-child(1) a:hover p:nth-child(3){ display:block;}

#ind_st ul li:nth-child(2){ background:url(image/btn2.jpg) no-repeat center/100% 100%; transition:all 5s;}
#ind_st ul li:nth-child(2):hover{background:url(image/btn2.jpg) no-repeat center/120% 120%;}
#ind_st ul li:nth-child(2) a{ display:block; color:#fff; width:100%; height:28.5vw; overflow:hidden; background:#d0ba84;}
#ind_st ul li:nth-child(2) a p:nth-child(1){ padding-top:6vw; transition:all 0.5s;}
#ind_st ul li:nth-child(2) a p:nth-child(2){ font-size:24px; line-height:40px;}
#ind_st ul li:nth-child(2) a p:nth-child(3){ display:none;transition:all 0.5s;}

#ind_st ul li:nth-child(2) a:hover{ background:none;}
#ind_st ul li:nth-child(2) a:hover p:nth-child(1){ padding-top:5vw;}
#ind_st ul li:nth-child(2) a:hover p:nth-child(3){ display:block;}

#ind_st ul li:nth-child(3){ background:url(image/btn3.jpg) no-repeat center/100% 100%; transition:all 5s;}
#ind_st ul li:nth-child(3):hover{background:url(image/btn3.jpg) no-repeat center/120% 120%;}
#ind_st ul li:nth-child(3) a{ display:block; color:#fff; width:100%; height:28.5vw; overflow:hidden; background:#444;}
#ind_st ul li:nth-child(3) a p:nth-child(1){ padding-top:6vw; transition:all 0.5s;}
#ind_st ul li:nth-child(3) a p:nth-child(2){ font-size:24px; line-height:40px;}
#ind_st ul li:nth-child(3) a p:nth-child(3){ display:none;transition:all 0.5s;}

#ind_st ul li:nth-child(3) a:hover{ background:none;}
#ind_st ul li:nth-child(3) a:hover p:nth-child(1){ padding-top:5vw;}
#ind_st ul li:nth-child(3) a:hover p:nth-child(3){ display:block;}

#ind_st ul li:nth-child(4){ background:url(image/btn4.jpg) no-repeat center/100% 100%; transition:all 5s;}
#ind_st ul li:nth-child(4):hover{background:url(image/btn4.jpg) no-repeat center/120% 120%;}
#ind_st ul li:nth-child(4) a{ display:block; color:#fff; width:100%; height:28.5vw; overflow:hidden; background:#716f70;}
#ind_st ul li:nth-child(4) a p:nth-child(1){ padding-top:6vw; transition:all 0.5s;}
#ind_st ul li:nth-child(4) a p:nth-child(2){ font-size:24px; line-height:40px;}
#ind_st ul li:nth-child(4) a p:nth-child(3){ display:none;transition:all 0.5s;}

#ind_st ul li:nth-child(4) a:hover{ background:none;}
#ind_st ul li:nth-child(4) a:hover p:nth-child(1){ padding-top:5vw;}
#ind_st ul li:nth-child(4) a:hover p:nth-child(3){ display:block;}

#bottom{ background:url(image/bottom.jpg) no-repeat center; margin-top:5.3vw; overflow:hidden; width:100%; height:173px;}
#bottom .share{ width:100%; text-align:center; overflow:hidden;}
#bottom .share ul{ display:inline-block; padding-top:35px;}
#bottom .share ul li{ float:left; margin:0 10px;}
#bottom .share ul li div{ position:absolute; margin:-150px 0 0 -45px; box-shadow:0 5px 5px rgba(0,0,0,0.2); width:145px; height:145px; overflow:hidden; display:none;}
#bottom .share ul li div img{ width:100%; height:145px;}
#bottom .share ul li a{ border:solid 2px rgba(255,255,255,0.4); display:block; border-radius:50%;}
#bottom .share ul li a:hover{ background:#d4261f;border:solid 2px #d4261f;}
#bottom .share ul li:hover div{ display:block;}

#bottom .add{ color:#fff; text-align:center; margin-top:14px;}
#bottom .add br{ display:none;}

#gotop{ position:fixed; right:1vw; bottom:1vw; background:#666; width:50px; height:50px; overflow:hidden; border-radius:50%; cursor:pointer; text-align:center; display:none;}
#gotop img{ width:60%; padding:20%;}

#tel{ position:fixed; right:1vw; bottom:4vw; background:#d4261f; width:50px; height:50px; overflow:hidden; border-radius:50%; cursor:pointer; text-align:center; display:none;}
#tel img{ width:80%; padding:10%;}

#aboutbanner{ width:100%; margin-top:120px; z-index:-1;}
#aboutbanner img{ width:100%;}

#banner_color{ width:100%; margin-top:120px; z-index:-1; background:#d4261f; height:6vw; color:#fff; text-align:center; line-height:6vw; font-size:36px; font-family:"思源黑体 CN ExtraLight";}


#aboutmenu{ padding:20px 0; width:90%; max-width:1600px; margin:0 auto; text-align:center; overflow:hidden; border-bottom:solid 1px #f7f7f7; }
#aboutmenu ul{}
#aboutmenu ul li{ float:right; margin-right:1vw;}
#aboutmenu ul li a{ display:block; line-height:30px; padding:0 2vw; font-size:14px; background:#f7f7f7; border-radius:30px; color:#333;}
#aboutmenu ul li a:hover{ background:#d0ba84; color:#fff;}
#aboutmenu ul li a.it{ background:#d4261f; color:#fff;}

#cpmenu{ padding:20px 0; text-align:center;  width:90%; max-width:1600px; margin:0 auto;overflow:hidden; border-bottom:solid 1px #eee;}
#cpmenu ul{}
#cpmenu ul li{ float:right; margin-right:1vw;}
#cpmenu ul li a{ display:block; line-height:30px; padding:0 2vw; font-size:14px; background:#fff; border-radius:30px; color:#333;}
#cpmenu ul li a:hover{ background:#d0ba84; color:#fff;}
#cpmenu ul li a.it{ background:#d4261f; color:#fff;}


#bread{ width:90%; max-width:1600px; margin:0 auto; overflow:hidden; line-height:40px;}

#title{ width:90%; max-width:1600px; margin:0 auto; overflow:hidden; margin-top:3vw; color:#333; text-align:left; }
#title p{ color:#999;}
#title h1{ font-weight:600; font-size:1.8vw;line-height:60px; }

#title1{ width:90%; max-width:1600px; margin:0 auto; overflow:hidden; margin-top:3vw; color:#333; text-align:left; border-top:solid 1px #f7f7f7; padding-top:3vw;}
#title1 p{ color:#999;}
#title1 h2{ font-weight:600; font-size:1.8vw;line-height:60px; }

#title2{ width:90%; max-width:1600px; margin:0 auto; overflow:hidden; margin-top:3vw; color:#333; text-align:center; border-top:solid 1px #f7f7f7; padding-top:3vw;}
#title2 p{ color:#999;}
#title2 h2{ font-weight:600; font-size:1.8vw;line-height:60px; }


#about1{ width:90%; max-width:1600px; margin:1vw auto 0 auto; overflow:hidden;}
#about1 .con{font-size:16px; line-height:30px;}
#about1 .con span{ color:#d4261f; font-weight:bold;}

#data{ width:90%; max-width:1600px; margin:2vw auto; overflow:hidden; border-top:solid 1px #f7f7f7; padding-top:2vw;}
#data ul{}
#data ul li{ width:33%; float:left;}
#data ul li div:nth-child(1){ width:100px; float:left;margin-right:10px;}
#data ul li div:nth-child(1) img{ width:100%;}
#data ul li p:nth-child(1){ font-size:40px; padding-top:5px; font-weight:900; line-height:50px; font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif; color:#d4261f;}
#data ul li p:nth-child(2){ font-size:16px; line-height:40px; color:#333;}


#about2{ width:90%; max-width:1600px; margin:4vw auto 0 auto; overflow:hidden;}
#about2 ul{ width:98vw;}
#about2 ul li{ width:39vw; margin-right:5vw; float:left;}
#about2 .con{ width:100%; font-size:16px; margin-top:2vw; line-height:30px;}
#about2 .con p{ padding:0;}
#about2 .pic{ width:100%;}
#about2 .pic img{ width:100%; border-radius:20px;}


#about3{ width:90%; max-width:1600px; margin:2vw auto 0 auto; overflow:hidden;}
#about3 ul{ width:90vw;}
#about3 ul li{ width:21.3vw; float:left;}
#about3 ul li a{ display:block; width:90%; text-align:center; line-height:50px; font-size:16px; color:#333; background:#f7f7f7; border-radius:20px; overflow:hidden;}
#about3 ul li a p:nth-child(1){ margin:10px 10px 0px 10px; overflow:hidden; border-radius:10px;}
#about3 ul li a img{ width:100%; transition:all 0.5s;}
#about3 ul li a:hover img{ transform:scale(1.15);}
#about3 ul li a:hover{ background:#d4261f; color:#fff;}

#history{ width:90%; max-width:1600px; margin:2vw auto 0 auto; overflow:hidden;}
#history .con{ background:url(image/line.jpg) no-repeat center top/4px 100%; overflow:hidden; width:100%; float:left;}
#history .con ul{}
#history .con ul li{ overflow:hidden; width:100%;}
#history .con ul li .k{ width:50%; float:left; }
#history .con ul li .bit{ float:right; width:50px; padding-top:14px;}
#history .con ul li .bit p{ width:14px; height:14px; display:block; background:#d4261f; border-radius:50%; float:right; margin-right:-11px; border:solid 5px #eee;}
#history .con ul li .li{ overflow:hidden; border-bottom:solid 1px #f7f7f7; padding-bottom:20px; margin-bottom:20px; text-align:right;}
#history .con ul li .li p:nth-child(1){ font-size:30px; font-family:Arial, Helvetica, sans-serif; font-weight:800; color:#d0ba84; line-height:50px;}
#history .con ul li .li p:nth-child(2){ font-size:16px;}
#history .con ul li.it .k{ float:right; width:50%;}
#history .con ul li.it .bit{ float:left; width:50px; padding-top:14px;}
#history .con ul li.it .bit p{ width:14px; height:14px; display:block; background:#d4261f; border-radius:50%; float:left; margin-left:-11px; border:solid 5px #eee;}
#history .con ul li.it .li{ overflow:hidden; border-bottom:solid 1px #f7f7f7; padding-bottom:20px; margin-bottom:20px;text-align:left;}
#history .con ul li.it .li p:nth-child(1){ font-size:30px; font-family:Arial, Helvetica, sans-serif; font-weight:800; color:#d0ba84; line-height:50px;}
#history .con ul li.it .li p:nth-child(2){ font-size:16px;}


#cerfitecate1{ width:90%; max-width:1600px; margin:1vw auto 0 auto; overflow:hidden;}
#cerfitecate1{font-size:16px; line-height:30px;}

#cerfitecate2{ width:90%; max-width:1600px; margin:3vw auto 0 auto; overflow:hidden;}
#cerfitecate2 ul{}
#cerfitecate2 ul li{ float:left; width:23%; margin-right:2%; text-align:center; margin-bottom:2rem;}
#cerfitecate2 ul li a{ display:block; line-height:40px; font-size:16px; border:solid 1px #eee; border-radius:20px; padding:20px;}
#cerfitecate2 ul li img{ width:100%; border-radius:10px;}

#rd{width:90%; max-width:1600px; margin:3vw auto 0 auto; overflow:hidden;}
#rd ul li{ float:left; width:25%;}
#rd ul li a{ display:block; width:90%; line-height:50px; text-align:center; font-size:16px;}
#rd ul li a img{ width:100%; border-radius:10px;}

#video1{ width:90%; max-width:1600px; margin:2vw auto 0 auto; overflow:hidden;}
#video1 ul li{ width:25%; float:left; margin-bottom:2vw;}
#video1 ul li a{ display:block; line-height:60px; text-align:center; width:90%; overflow:hidden}
#video1 ul li a div:nth-child(1){ background-size:100%; background-repeat:no-repeat; overflow:hidden; transition:all 0.5s;}
#video1 ul li a div:nth-child(1) p{ background:rgba(0,0,0,0.7); transition:all 0.5s;}
#video1 ul li a img{ width:100%;}
#video1 ul li a:hover{ background:#d4261f; color:#fff;}
#video1 ul li a:hover div:nth-child(1){background-size:110%;}
#video1 ul li a:hover div:nth-child(1) p{ background:rgba(0,0,0,0);}

#videoplay{ width:90%; max-width:1600px; margin:3vw auto 0 auto; overflow:hidden;}

#pro_cy{ width:90%;max-width:1600px; margin:1vw auto 0 auto; overflow:hidden;}
#pro_cy .menu{ overflow:hidden;}
#pro_cy .menu ul li{ float:left; margin-right:1vw;}
#pro_cy .menu ul li a{ display:block; background:#f7f7f7; line-height:30px; border-radius:20px; padding:0 1.5vw;}
#pro_cy .menu ul li a:hover{background:#d0ba84; color:#fff;}
#pro_cy .menu ul li a.it{background:#d4261f; color:#fff;}

#pro_cy .menu1{ overflow:hidden;}
#pro_cy .menu1 ul li{ float:left; margin-right:1vw;}
#pro_cy .menu1 ul li a{ display:block; background:#fff; line-height:30px; border-radius:20px; padding:0 1.5vw;}
#pro_cy .menu1 ul li a:hover{background:#d0ba84; color:#fff;}
#pro_cy .menu1 ul li a.it{background:#d4261f; color:#fff;}


#prolist{ width:90%; max-width:1600px; margin:3vw auto 0 auto; overflow:hidden;}
#prolist ul{}
#prolist ul li{ width:18%; float:left; padding:15px 1%}
#prolist ul li a{ display:block; border-radius:10px; box-shadow:0 3px 10px rgba(0,0,0,0.1); padding:10px; background:#fff; text-align:center; color:#d4261f; line-height:60px; border:solid 2px #fff;}
#prolist ul li a p{ white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-size:16px;}
#prolist ul li a img{ width:100%;}
#prolist ul li a p:nth-child(2) img{ width:36px; vertical-align:middle; margin-bottom:7px; margin-right:5px; margin-left:-41px;}
#prolist ul li a:hover{ border:solid 2px #fff;  color:#d4261f; box-shadow:0 5px 10px rgba(0,0,0,0.3);}

#page{ overflow:hidden; text-align:center; width:100%; margin:3vw auto 0 auto;}
#page ul{ display:inline-block;}
#page ul li{ float:left; margin:0 5px;}
#page ul li a{ display:block; background:#f7f7f7; border-radius:3px; line-height:36px; padding:0 20px; font-size:14px;}
#page ul li a:hover{ background:#d0ba84; color:#fff;}
#page ul li a.it{ background:#d4261f; color:#fff;}

#page1{ overflow:hidden; text-align:center; width:100%; margin:3vw auto 0 auto;}
#page1 ul{ display:inline-block;}
#page1 ul li{ float:left; margin:0 5px;}
#page1 ul li a{ display:block; background:#fff; border-radius:3px; line-height:36px; padding:0 20px; font-size:12px;}
#page1 ul li a:hover{ background:#d0ba84; color:#fff;}
#page1 ul li a.it{ background:#d4261f; color:#fff;}

#kuang{ margin-top:120px; overflow:hidden; background:#f7f7f7; }
#kuang1{ margin-top:0; overflow:hidden; background:#f7f7f7; }
#kuang2{ margin-top:120px; overflow:hidden; background:url(image/di1.jpg) no-repeat top center/100% auto #f7f7f7; }

#probig{ width:90%; max-width:1600px; margin:3vw auto 0 auto; overflow:hidden;}
#probig .pic{ float:left; overflow:hidden; width:31.25vw;}
#probig .pic img{ width:100%;}

#probig .con{ overflow:hidden; background:none; float:right; width:40.5vw; padding:1vw 5vw 3vw 5vw; }
#probig .con h1{ font-size:1.875vw; line-height:40px; color:#d4261f; font-weight:600; }
#probig .con p{ font-size:16px; line-height:24px; margin-top:1vw; color:#333;}
#probig .con p:nth-child(3){ font-size:18px; color:#d4261f; font-weight:bold; padding-top:1vw; border-top:solid 1px rgba(0,0,0,0.1);}
#probig .con .app{ width:100%; overflow:hidden; margin-top:20px;}
#probig .con .app ul li{ width:50px; text-align:center; color:#333; float:left; margin-right:2vw; font-size:16px;}
#probig .con .app ul li img{ width:100%; }

#probig .con p:nth-child(5){ font-size:18px; color:#d4261f; font-weight:bold; padding-top:1vw; border-top:solid 1px rgba(0,0,0,0.1);}
#probig .con p:nth-child(6){ overflow:hidden;}
#probig .con p:nth-child(6) span{ display:block; float:left; cursor:pointer; margin-right:10px; border:solid 1px #d0ba84; line-height:32px; background:#none; color:#333; border-radius:5px; font-size:12px; padding:0 15px; margin-bottom:10px;}
#probig .con p:nth-child(7){ margin-top:2vw;}
#probig .con p:nth-child(7) a{display:block; color:#fff; background:#d4261f; line-height:40px; padding:0 30px; text-align:center; font-size:14px; border-radius:50px; float:left; margin-right:1vw;}
#probig .con p:nth-child(7) a:hover{ padding:0 40px;}
#probig .con p:nth-child(7) a:nth-child(2){ background:#d0ba84;}

#pro_cai{ width:90%; max-width:1600px; background:#fff; margin:1.5vw auto 0 auto; overflow:hidden;}
#pro_cai .tt{ overflow:hidden; border-bottom:solid 1px #eee; line-height:60px; margin:2vw 3vw 0 3vw;}
#pro_cai .tt h2{ font-size:24px; color:#333; float:left;}
#pro_cai .tt p{ float:right;}
#pro_cai .tt p a{ display:block; width:100px; line-height:30px; border-radius:50px; background:#f7f7f7; text-align:center; color:#d4261f; margin-top:20px; }
#pro_cai .tt p a:hover{ background:#d4261f; color:#fff; width:120px;}

#pro_cai .list{ overflow:hidden;  margin:2vw 3vw 3vw 3vw;}
#pro_cai .list ul li{ float:left; width:20%;}
#pro_cai .list ul li a{ display:block; text-align:center; width:90%; margin:0 auto; line-height:50px; background:#f7f7f7; border-radius:10px; overflow:hidden;}
#pro_cai .list ul li a img{ width:100%; transition:all 0.5s;}
#pro_cai .list ul li a p{ overflow:hidden;}
#pro_cai .list ul li a:hover{ background:#d4261f; color:#fff;}
#pro_cai .list ul li a:hover img{ transform:scale(1.15);}

#news{ width:90%; max-width:1600px; margin:3vw auto 0 auto; overflow:hidden;}
#news ul li{ padding-bottom:2vw;}
#news ul li a{ display:block; background:#fff; overflow:hidden; padding:30px 50px 30px 30px;  margin:0 auto; }
#news ul li a .pic{ float:left; width:20vw; margin-right:2vw; overflow:hidden;}
#news ul li a .pic img{ width:100%; transition:all 0.5s;}
#news ul li a .con{ float:right; width:57vw;}
#news ul li a .con p:nth-child(1){ font-size:24px; line-height:30px; padding-top:10px;color:#333; font-weight:700; overflow:hidden;}
#news ul li a .con  p:nth-child(2){ font-size:14px; color:#999; margin-top:10px;}
#news ul li a .con  p:nth-child(2) img{ width:14px; vertical-align:middle; margin-right:5px; margin-bottom:2px;}
#news ul li a .con  p:nth-child(3){ font-size:14px;overflow:hidden; padding-top:10px; font-size:16px; line-height:30px;}
#news ul li a .con  p:nth-child(4){ width:120px; background:#f7f7f7; color:#333; text-align:center; border-radius:30px; line-height:36px; margin-top:30px; transition:all 0.5s;}
#news ul li a .con  p:nth-child(4):hover{ width:150px; background:#D4261F; color:#fff;}
#news ul li a:hover .pic img{ transform:scale(1.15);}
#news ul li a:hover .con p:nth-child(1){ color:#D4261F;}

#investor{ width:90%; max-width:1600px; margin:3vw auto 0 auto; overflow:hidden;}
#investor ul{ padding:10px;}
#investor ul li{ background:url(image/bgcolor.png) no-repeat 0 bottom/0 2px #f7f7f7; overflow:hidden; box-shadow:0 2px 10px rgba(0,0,0,0.0); margin-bottom:2vw; transition:all 0.5s;}
#investor ul li:hover{box-shadow:0 3px 10px rgba(0,0,0,0.1);background:url(image/bgcolor.png) no-repeat 0 bottom/100% 2px #ffff; }
#investor ul li .con{ float:left; overflow:hidden; padding:30px; width:60vw;}
#investor ul li .con img{ height:50px; float:left; margin-right:10px}
#investor ul li .con p:nth-child(2){ font-size:18px; color:#333;}

#investor ul li .btn{ float:right;}
#investor ul li .btn a{ display:block; width:50px; height:50px;  float:left; border-radius:50%; border:solid 1px #eee; margin-right:10px; margin-top:30px;}
#investor ul li .btn a.download{ background:url(image/down.png) no-repeat 10px 10px/30px #fff;margin-right:50px;}
#investor ul li .btn a.download:hover{ background:url(image/down1.png) no-repeat 10px 10px/30px #fff}
#investor ul li .btn a.see{ background:url(image/eye.png) no-repeat 10px 10px/30px #fff;}
#investor ul li .btn a.see:hover{ background:url(image/eye1.png) no-repeat 10px 10px/30px #fff;}
#investor ul li .btn a:hover{ border:solid 1px #D4261F;}

#investor1{ width:90%; max-width:1600px; margin:3vw auto 0 auto; overflow:hidden;}
#investor1 ul{ padding:10px;}
#investor1 ul li{ width:30%; float:left; margin-right:3%;}
#investor1 ul li a{ display:block; background:url(image/bgcolor.png) no-repeat 0 bottom/0 2px #f7f7f7; overflow:hidden; box-shadow:0 2px 10px rgba(0,0,0,0.0); margin-bottom:2vw; transition:all 0.5s;}
#investor1 ul li a img{ width:100%; transition:all 0.5s;}
#investor1 ul li a p{ overflow:hidden;}
#investor1 ul li a p:nth-child(2){ font-size:18px; color:#333; padding:10px 10px 0px 20px; font-weight:700;}
#investor1 ul li a p:nth-child(3){ padding:0px 10px 10px 20px; font-size:12px;}
#investor1 ul li a:hover{box-shadow:0 3px 10px rgba(0,0,0,0.1);background:url(image/bgcolor.png) no-repeat 0 bottom/100% 2px #ffff; }
#investor1 ul li a:hover img{ transform:scale(1.15)}



#cp{ width:90%; max-width:1600px; margin:3vw auto 0 auto; overflow:hidden;}
#cp ul li{ width:30%; margin-right:3.3%; float:left; margin-bottom:2vw;}
#cp ul li a{ display:block; padding:30px; background:#fff; border-radius:20px;}
#cp ul li a p{ overflow:hidden; border-radius:10px;}
#cp ul li a p:nth-child(1) img{ width:100%; transition:all 0.5s;}
#cp ul li a p:nth-child(2){ font-size:18px; line-height:40px; padding-top:10px; color:#333;}
#cp ul li a p:nth-child(3){ overflow:hidden; white-space:nowrap; text-overflow:ellipsis;} 
#cp ul li a p:nth-child(4) img{ height:14px; vertical-align:middle; margin-bottom:2px; margin-left:5px;}
#cp ul li a:hover p:nth-child(1) img{ transform:scale(1.15)}
#cp ul li a:hover p:nth-child(2){ color:#D4261F;}


#cpbig{ width:90%; max-width:1600px; margin:3vw auto 0 auto; overflow:hidden;}
#cpbig .pic{ float:left; overflow:hidden; width:31.25vw;}
#cpbig .pic img{ width:100%;}

#cpbig .con{ overflow:hidden; background:#fff; float:right; width:40.5vw; padding:3vw 5vw 3vw 5vw; height:20vw}
#cpbig .con h1{ font-size:1.875vw; line-height:40px; color:#333; font-weight:600; }
#cpbig .con p{ font-size:16px; line-height:30px; margin-top:1vw;}
#cpbig .con p:nth-child(3){ font-size:18px; color:#333; font-weight:bold; padding-top:1vw; border-top:solid 1px #f7f7f7; border-bottom:solid 1px #f7f7f7; padding-bottom:1vw;}
#cpbig .con p:nth-child(3) img{height:18px; vertical-align:middle; margin-bottom:2px;}
#cpbig .con p:nth-child(4){font-size:18px; color:#333; font-weight:bold;}
#cpbig .con .sp{ display:block; overflow:hidden; padding:5px;}
#cpbig .con .sp ul li{ float:left; margin-right:10px; width:300px; margin-top:1vw;}
#cpbig .con .sp ul li a{ display:block; box-shadow:0 2px 5px rgba(0,0,0,0.1); padding:10px; font-size:14px; overflow:hidden; border-radius:10px;}
#cpbig .con .sp ul li a img{ width:120px; float:left;}
#cpbig .con .sp ul li a div{ float:left;}
#cpbig .con .sp ul li a div p:nth-child(1){ line-height:30px; color:#333;}
#cpbig .con .sp ul li a div p:nth-child(2){ font-size:14px; width:100px; line-height:30px; background:#f7f7f7; text-align:center; border-radius:50px; transition:all 0.5s;}
#cpbig .con .sp ul li a:hover div p:nth-child(2){ background:#D4261F; color:#fff;}

#cp_zf{ width:90%; max-width:1600px; margin:1.5vw auto 0 auto; background:#fff; overflow:hidden;}
#food{ width:48%; float:left; border-right:solid 1.5vw #f7f7f7; overflow:hidden;padding-bottom:3vw;  }
#food h2{ overflow:hidden; border-bottom:solid 1px #eee; line-height:60px; margin:2vw 3vw 0 3vw; font-size:20px; color:#333;}

#food .sc{ margin:1vw 3vw 0 3vw;  overflow:hidden;}
#food .sc dl{ margin-right:0;}
#food .sc dl dt{ font-size:16px; font-weight:bold; color:#D4261F; width:100%; overflow:hidden; line-height:50px; border-bottom:solid 1px #f7f7f7; margin-bottom:20px;}
#food .sc dl dd{ float:left; width:20%; margin-right:0; text-align:center; line-height:40px; }
#food .sc dl dd img{ width:80px; border-radius:50%;}

#method{ width:48%; float:right; overflow:hidden;}
#method h2{ overflow:hidden; border-bottom:solid 1px #eee; line-height:60px; margin:2vw 3vw 0 0vw; font-size:20px; color:#333;}
#method h2.a2{ margin-top:0vw;}
#method .zf{ overflow:hidden; margin-right:3vw;}
#method .zf p{ border-bottom:solid 1px #f7f7f7; padding:15px 0 10px 0; font-size:16px;}
#method .zf p span:nth-child(1){ display:block; width:30px; line-height:30px; border-radius:50%; background:#D4261F; color:#fff; text-align:center; float:left; margin-right:20px;}
#method .zf p span:nth-child(2){ overflow:hidden; display:block;}
#method .zf_video{ overflow:hidden; margin-right:3vw; margin-top:20px;}

#contact{ width:90%; max-width:1600px; margin:3vw auto 0 auto; overflow:hidden;}
#contact .con{ float:left; width:40vw; background:#f7f7f7; height:21.35vw;}
#contact .con p{ border-bottom:solid 1px #eee; margin:0 3vw; padding:18px 0; font-size:16px; overflow:hidden;}
#contact .con p:nth-child(1){ font-size:24px; color:#D4261F; font-weight:700; margin-top:30px;}
#contact .pic{ float:right; width:41.6vw;}
#contact .pic img{ width:100%;}

#servicepic{ width:90%; max-width:1600px; margin:3vw auto 0 auto; overflow:hidden;}
#servicepic .left{ width:37vw; float:left;}
#servicepic .right{ width:45.4vw; float:right;}
#servicepic img{ width:100%;}

#salenetpic{ width:90%; max-width:1600px; margin:3vw auto 0 auto; overflow:hidden;}
#salenetpic .con{font-size:16px; line-height:30px;}
#salenetpic .pic{ text-align:center; width:100%; margin:3vw auto 0 auto; max-width:730px;}
#salenetpic .pic img{ width:100%;}

#cp1{ width:90%; max-width:1600px; margin:3vw auto 0 auto; overflow:hidden;}
#cp1 ul li{ width:48%; margin-right:2%; float:left; margin-bottom:2vw;}
#cp1 ul li a{ display:block; padding:30px; background:#fff; border-radius:50px;}
#cp1 ul li a p{ overflow:hidden;border-radius:30px;}
#cp1 ul li a img{ width:100%; transition:all 2s;}
#cp1 ul li a:hover img{ transform:scale(1.15)}

#bussiness{ width:90%; background:#f7f7f7;  margin:3vw auto 0 auto; overflow:hidden; max-width:1600px;}
#bussiness .k{ padding:3vw; overflow:hidden;}
#bussiness .k p{ float:left; width:33.33%; margin-bottom:1vw;}
#bussiness .k p:nth-child(2){ text-align:center;}
#bussiness .k p:nth-child(3){ text-align:right;}
#bussiness .k p input{ width:98%; text-indent:20px; height:50px; font-size:16px;}
#bussiness .k p:nth-child(4){ width:100%;}
#bussiness .k p textarea{ width:97%; height:150px; padding:20px 1.5%; font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;font-size:16px;}
#bussiness .k p:nth-child(5){ text-align:left; width:100%;}
#bussiness .k p button{ width:200px; height:50px; transition:all 0.5s; line-height:50px; background:#D4261F; font-size:16px; color:#fff; border-radius:5px; cursor:pointer;}
#bussiness .k p button:hover{ width:250px;}

#bussiness1{ width:90%; max-width:1600px; margin:3vw auto 0 auto; overflow:hidden; display:none;}
#bussiness1 .k .left{ float:left; width:50%;}
#bussiness1 .k .right p{ line-height:80px; border-bottom:solid 1px #eee; width:50%; float:right; font-size:16px;}
#bussiness1 .k .right p:last-child{ border-bottom:none; overflow:hidden; margin-top:2vw;}
#bussiness1 .k .right p:last-child a{ display:block; float:left; margin-right:2vw; background:#f7f7f7; padding:10px; border-radius:10px; color:#D4261F;}
#bussiness1 .k .right p:last-child a span{ display:block; text-align:center; line-height:60px; float:left; padding:0 10px;}
#bussiness1 .k .right p:last-child a img{ width:60px; float:left;}

#bussiness2{ width:90%; max-width:1600px; margin:3vw auto 0 auto; overflow:hidden; background:url(image/di.jpg) no-repeat top center; background-attachment:fixed;}
#bussiness2 .left{ float:left; width:604px; margin:3vw;}
#bussiness2 .right{ float:left; overflow:hidden; width:42vw; margin-top:8vw;}
#bussiness2 .right ul{}
#bussiness2 .right ul li{ width:16vw; float:left; color:#fff; border-radius:10px; margin:0 0 1vw 1vw; padding:2vw 2vw; min-height:3vw;}
#bussiness2 .right ul li:nth-child(1){ background:rgba(208,186,132,0.8);}
#bussiness2 .right ul li:nth-child(2){ background:rgba(212,38,31,0.9);}
#bussiness2 .right ul li:nth-child(3){ background:rgba(105,142,236,0.9);}
#bussiness2 .right ul li:nth-child(4){ background:rgba(79,187,0,0.9);}
#bussiness2 .right ul li:nth-child(5){ background:rgba(117,156,149,0.9);}
#bussiness2 .right ul li:nth-child(6){ background:rgba(117,100,96,0.9);}
#bussiness2 .right ul li p:nth-child(2){ font-size:24px; line-height:30px;}
#bussiness2 .right ul li p:nth-child(2) span{ font-size:18px; font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif; line-height:30px;}
#bussiness2 .right ul li p:nth-child(3){ font-size:12px;}
#bussiness2 .right ul li p:nth-child(1){ font-size:12px; position:absolute; margin:-1vw 0 0 15vw;}
#bussiness2 .right ul li p:nth-child(1) a{ display:block; width:40px; height:40px; line-height:40px; color:#fff; border-radius:50%; text-align:center; background:rgba(0,0,0,0.4);}
#bussiness2 .right ul li:nth-child(6) p:nth-child(1){ font-size:16px; font-family:Arial, sans-serif; line-height:24px; position:inherit; margin:0;}
#bussiness2 .right ul li:nth-child(6) p:nth-child(2){ font-size:16px; font-family:Arial, sans-serif;line-height:18px;}

#bussiness3{ width:90%; max-width:1600px; text-align:center; margin:-3vw auto 0 auto; overflow:hidden;}
#bussiness3 p{}
#bussiness3 a{ display:block; float:right; margin-left:2vw; background:#f7f7f7; padding:10px; min-width:10vw; border-radius:10px; color:#D4261F;}
#bussiness3 a span{ display:block; text-align:center; line-height:60px; float:left; padding:0 10px;}
#bussiness3 a img{ width:60px; float:left;}



#service{ width:90%; max-width:1600px; margin:1vw auto 0vw auto; overflow:hidden; }
#service .left h2{ font-weight:600; font-size:1.6vw;line-height:60px; color:#333; }   
#service .left{ background:#f7f7f7; width:42.4%; float:right; padding:3vw 5vw; height:15.5vw; overflow:hidden;}
#service .left p{ font-size:16px; line-height:40px; margin-top:1vw;}
#service .left p span{ display:block; background:#d4251f; border-radius:50%; width:30px; line-height:30px; height:30px; text-align:center; color:#fff; float:left; margin:5px 10px 0 0;}

#service .right{ float:left; width:37vw; height:21.5vw;}
#service .right img{ width:100%; height:100%;}

#service1{ width:90%; max-width:1600px; margin:1vw auto 3vw auto; overflow:hidden; }
#service1 .left{ background:#f7f7f7; width:50%; float:left; padding:3vw 5vw; height:20.5vw; overflow:hidden;}
#service1 .left h2{ font-weight:600; font-size:1.6vw;line-height:60px; color:#333; }
#service1 .left p{ font-size:16px; line-height:40px; margin-top:1vw;}
#service1 .left p span{ display:block; font-size:18px; font-weight:700; color:#d4251f;}

#service1 .right{ float:right; color:#fff; width:20.6vw; height:20.5vw; background:#d4251f;padding:3vw 5vw; text-align:center;}
#service1 .right p:nth-child(1){ font-size:36px; font-weight:700; line-height:80px; margin-top:3vw;}
#service1 .right p:nth-child(2){ font-size:16px;}
#service1 .right p:nth-child(3){ font-size:16px;}
#service1 .right p:nth-child(4) a{ display:block; background:#d0bb84; color:#fff; font-size:16px; font-weight:bold; line-height:50px; border-radius:5px; width:150px; margin:2vw auto 1vw auto;}
#service1 .right p:nth-child(4) a:hover{ background:#fff; color:#333;}

#feedback{ width:100%; height:100%; position:fixed; top:0; left:0; background:rgba(0,0,0,0.6); z-index:50; display:none;}
#feedback .k{ padding:3vw; overflow:hidden; background:#eee; width:60%; margin:0 auto;}
#feedback .k p{ float:left; width:33.33%; margin-bottom:1vw;}
#feedback .k p:nth-child(2){ text-align:center;}
#feedback .k p:nth-child(3){ text-align:right;}
#feedback .k p input{ width:98%; text-indent:20px; height:50px; font-size:16px;}
#feedback .k p:nth-child(4){ width:100%;}
#feedback .k p textarea{ width:97%; height:150px; padding:20px 1.5%; font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;font-size:16px;}
#feedback .k p:nth-child(5){ text-align:left; width:100%; text-align:center;}
#feedback .k p button{ float:right; margin-right:10px; width:200px; height:50px; transition:all 0.5s; line-height:50px; background:#D4261F; font-size:16px; color:#fff; border-radius:5px; cursor:pointer;}
#feedback .k p button:hover{ width:250px;}
#feedback .k p a{ display:block; height:50px; width:100px; background:#716f70; color:#fff;line-height:50px; font-size:16px; border-radius:5px; float:right;}



#news_con{ width:90%; max-width:1600px; margin:3vw auto 0 auto; overflow:hidden;}
#news_con .news_title{font-size: 24px;}

.botbox{width:100%; margin:30px auto 0px auto; border-top:1px dashed #ddd; border-bottom:1px dashed #ddd; padding:10px 0px; height:20px;}
.botbox .newpage{float:left; width:100%; padding-right:10px; font-size:12px;}
.botbox .newpage span.l{float:left;display:block; line-height:24px;width:49%;}
.botbox .newpage span.r{float:right;display:block; line-height:24px;width:49%;text-align: right}
.botbox .newpage span a{color: #404040;}
.news_info_back{ width:1260px; margin-top:10px;text-align: center;}
.news_info_back button{ width:150px; line-height:50px; background:#333; color:#fff; cursor:pointer; transition:background 0.5s,color 0.5s;}

#search_list{ width:90%; max-width:1600px; margin:3vw auto 0 auto; overflow:hidden;}
#search_list ul li{ border-bottom:solid 1px #eee;}
#search_list ul li a{ display:block; overflow:hidden; }
#search_list ul li a p.tt{ font-size:16px; color:#000; line-height:40px;}
#search_list ul li a p i{color:#F00;}
}